<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script language="JavaScript" type="text/javascript" src="./lib/towerHanoi.js"></script>
<style type="text/css">
img.bar
{
position:relative;
bottom:-28px;
margin:"0px";
left:45px;
z-index:0;
}

img.disk
{
position:relative;

z-index:1;
width:"80%";

}

</style>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Tower Of Hanoi</title>
</head>
<body>
	<!-- Screen Size 320x240 -->
	<table align="center" BORDERCOLOR=white 
			width="333px" height="240px" cellpadding="0" cellspacing="0" 
			style="background-color:lightgreen;">
  	
	
	<tr>
	  <td id="moves" align="center">Moves: 0</td>
      <td id="timer" align="center">0:00</td>
      <td align="center">
      	  <select id="numbDisks">
	      <option value="3" selected="selected">3</option>
	      <option value="4">4</option>
	      <option value="5">5</option>
	      <option value="6">6</option>
	      <option value="7">7</option>
	      <option value="8">8</option>
	      </select>
     	 <button onclick="initialize()">Start</button>
      </td>
	</tr>
  	<tr>
  		<td id="gameArea1" 
		style="background-color:black;" width="111" height="180" valign="bottom" align="center">
		</td>

		<td id="gameArea2" 
		style="background-color:white;" width="111" height="180" valign="bottom" align="center">
		</td>

		<td id="gameArea3" 
		style="background-color:black;" width="111" height="180" valign="bottom" align="center">
		</td>
	</tr>
	<tr>
		<td id="status" align="center" colspan="3">
		Created by : Yungoo Kim, Yong Woo Lee
		</td>
	</tr>
	<tr><td colspan="3"><img id="bannerImg" align="center" width="333px" ></img></td></tr>
	</table>
	
</body>
</html>